<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
	<script src="js/html5shiv.min.js"></script>
	<script src="js/respond.min.js"></script>
<![endif]-->
<meta name="renderer" content="webkit">
<link rel="shortcut icon" href="favicon.ico">
</head>
<body>


<section class="section-setting">
	<div class="content">
		<div class="top-operate">
			<a href="" class="btn btn-blue btn-add">新增打印模板</a>
			<div class="con">
				模版名称
				<input type="text" class="input">
				<a href="" class="btn btn-green btn-save">保存模版</a>
			</div>
		</div>
		<section class="main-box">
			<div class="main-left">
				<ul class="operate">
					<li class="setFont"><span class="tt">字体</span>
						<select name="" class="font w2" data-type="fontFamily">
							<option value="微软雅黑">微软雅黑</option>
							<option value="Hiragino Sans GB">Hiragino Sans GB</option>
							<option value="宋体">宋体</option>
							<option value="Helvetica">Helvetica</option>
							<option value="Arial">Arial</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
						</select>
					</li>
					<li class="setFont"><span class="tt">大小</span>
						<select name="" class="font" data-type="fontSize">
							<option value="12">12</option>
							<option value="13">13</option>
							<option value="14">14</option>
							<option value="15">15</option>
							<option value="16">16</option>
							<option value="17">17</option>
							<option value="18">18</option>
							<option value="19">19</option>
							<option value="20">20</option>
						</select>
					</li>
					<li class="setFont"><span class="tt">字距</span>
						<select name="" class="font" data-type="letterSpacing">
							<option value="0">0</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="10">10</option>
						</select>
					</li>
					<li class="setLine">
						<span class="tt">线型</span>
						<select name="" class="line" data-type="line-type" >
							<option value="solid">实线</option>
							<option value="dashed">虚线</option>
						</select>
					</li>
					<li class="setLine">
						<span class="tt">宽度</span>
						<input type="text" class="input line" data-type="line-width">
					</li>
					<li class="setLine">
						<span class="tt">高度</span>
						<input type="text" class="input line" data-type="line-height">
					</li>
					<li class="other">
						<a href="" class="btn btn-red btn-delete">删除</a>
					</li>
				</ul>
				<div class="edit-wrap">
					<div class="edit-over"></div>
					<div class="edit-box">
					</div>
				</div>
			</div>
			<div class="main-right">
				<div class="title">打印设置</div>
				<div class="panel">
					<div class="group">
						<div class="subTitle"></div>
						<div class="list-paper">
							纸张：宽<input type="number" class="input editBoxWidth">px <span>高<input type="number" class="input editBoxHeight">px</span>
						</div>
						<div class="tips">提示：每28px约等于10毫米</div>
					</div>
					<div class="group">
						<div class="subTitle" id="1">商品信息</div>
						<ul class="list">
							<li class="checkbox name1-1" data-name="name1-1">商品标题</li>
							<li class="checkbox name1-2" data-name="name1-2">短标题</li>
							<li class="checkbox name1-3" data-name="name1-3">价格</li>
							<li class="checkbox name1-4" data-name="name1-4">数量</li>
							<li class="checkbox name1-5" data-name="name1-5">规格</li>
							<li class="checkbox name1-6" data-name="name1-6">合计数量</li>
							<li class="checkbox name1-7" data-name="name1-7">商品ID</li>
							<li class="checkbox name1-8" data-name="name1-8">重量</li>
							<li class="checkbox name1-9" data-name="name1-9">货号</li>
						</ul>
					</div>
					<div class="group">
						<div class="subTitle">社团信息</div>
						<ul class="list">
							<li class="checkbox name2-1" data-name="name2-1">团长昵称</li>
							<li class="checkbox name2-2" data-name="name2-2">团长姓名</li>
							<li class="checkbox name2-3" data-name="name2-3">团长编号</li>
							<li class="checkbox name2-4" data-name="name2-4">自提小区</li>
							<li class="checkbox name2-5" data-name="name2-5">自提姓名</li>
							<li class="checkbox name2-6" data-name="name2-6">自提电话</li>
							<li class="checkbox name2-7" data-name="name2-7">自提地址</li>
							<li class="checkbox name2-8" data-name="name2-8">归属城市</li>
							<li class="checkbox name2-9" data-name="name2-9">供货商</li>
							<li class="checkbox name2-10" data-name="name2-10">路线</li>
							<li class="checkbox name2-11" data-name="name2-11">配送方式</li>
							<li class="checkbox name2-12" data-name="name2-12">供货商</li>
						</ul>
					</div>
					<div class="group">
						<div class="subTitle">收件信息</div>
						<ul class="list">
							<li class="checkbox name3-1" data-name="name3-1">收件人</li>
							<li class="checkbox name3-2" data-name="name3-2">手机</li>
							<li class="checkbox name3-3" data-name="name3-3">地址</li>
							<li class="checkbox name3-4" data-name="name3-4">固定电话</li>
							<li class="checkbox name3-5" data-name="name3-5">昵称</li>
							<li class="checkbox name3-6" data-name="name3-6">打印时间</li>
							<li class="checkbox name3-7" data-name="name3-7">订单编号</li>
							<li class="checkbox name3-8" data-name="name3-8">实付金额</li>
							<li class="checkbox name3-9" data-name="name3-9">付款时间</li>
							<li class="checkbox name3-10" data-name="name3-10">买家留言</li>
							<li class="checkbox name3-11" data-name="name3-11">所属城市</li>
							<li class="checkbox name3-12" data-name="name3-12">所在小区</li>
						</ul>
					</div>
					<div class="group">
						<div class="subTitle">商家信息</div>
						<ul class="list">
							<li class="checkbox name4-1" data-name="name4-1">发件人</li>
							<li class="checkbox name4-2" data-name="name4-2">手机</li>
							<li class="checkbox name4-3" data-name="name4-3">地址</li>
							<li class="checkbox name4-4" data-name="name4-4">固定电话</li>
							<li class="checkbox name4-5" data-name="name4-5">商户名称</li>
							<li class="checkbox name4-6" data-name="name4-6">打印时间</li>
							<li class="checkbox name4-7" data-name="name4-7">LOGO</li>
							<li class="checkbox add-img name4-8" data-name="name4-8">小程序码</li>
							<li class="checkbox name4-9" data-name="name4-9">商家备注</li>
						</ul>
					</div>
					
					<div class="group">
						<ul class="list">
							<li class="checkbox add-img name5-1" data-name="name5-1">团单二维码</li>
							<li class="checkbox add-img name5-2" data-name="name5-2">订单二维码</li>
							<li class="checkbox add-img name5-3" data-name="name5-3">订单条形码</li>
						</ul>
					</div>
					<div class="group">
						<div class="subTitle"></div>
						<ul class="list">
							<li class="add" data-name="name6-1" data-type="solid" data-direction="w">横实线</li>
							<li class="add" data-name="name6-1" data-type="dashed" data-direction="w">横虚线</li>
							<li class="add" data-name="name6-2" data-type="solid" data-direction="h">竖实线</li>
							<li class="add" data-name="name6-2" data-type="dashed" data-direction="h">竖虚线</li>
						</ul>
					</div>
				</div>
			</div>
		</section>
	</div>
</section>




<script src="js/jquery.min.js"></script>
<script src="js/slide.min.js"></script>
<script src="js/polyfill.min.js"></script>
<script src="js/l_zoom.min.js"></script>
<script src="js/l_drag.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>